<template>
  <div>
    <div class="common-form">商品信息</div>
    <el-form-item label="活动名称">
      <p class="fb">{{ form.active_name }}</p>
    </el-form-item>
    <el-form-item label="商品名称">
      <p class="fb">{{ form.product_name }}</p>
    </el-form-item>
    <el-form-item label="商品图片"><img :src="form.product_image" width="80" /></el-form-item>
  </div>
</template>

<script>
import { reactive, toRefs, defineComponent } from "vue";
export default defineComponent({
  props: ['data'],
  setup(props) {
    const state = reactive({
      form: props.data,
    })
    return {
      ...toRefs(state),
    };
  }
})
</script>

<style></style>
